<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>NEC：更好的CSS方案</title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<link rel="stylesheet" href="style.css"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<link rel="apple-touch-icon" href="img/touchicon.png"/>
</head>
<body>
  <div class="g-fl-ar" style="margin-bottom:10px">
  	<div class="g-fixed-left" style="border:solid 1px red"></div>
	<div class="g-auto-right" style="border:solid 1px blue"></div>
  </div>
  
  <div class="g-ar-fl" style="margin-bottom:10px">
  	<div class="g-fixed-right" style="border:solid 1px red"></div>
  	<div class="g-auto-left" style="border:solid 1px blue"></div>
  </div>
  
  <div class="g-fl-ma-fr" style="margin-bottom:10px">
  	<div class="g-fl-ma-fr-l" style="border:solid 1px blue"></div>
  	<div class="g-fl-ma-fr-r" style="border:solid 1px red"></div>
  	<div class="g-fl-ma-fr-m" style="border:solid 1px green"></div>
  </div>
  
</body>
</html>